﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>WorkFlowStepIndex</title>
    <link href="~/Content/layui/css/layui.css" rel="stylesheet" />
    <script src="~/Content/layui/layui.js"></script>
</head>
<body>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>签核时间线：签核进度</legend>
    </fieldset>

    <div style=" margin-left:20%">

        <ul class="layui-timeline">
            @foreach (var item in @ViewBag.list)
            {
                <li class="layui-timeline-item">
                    <i class="layui-icon layui-timeline-axis"></i>
                    <div class="layui-timeline-content layui-text">
                        <p><div class="layui-timeline-title">签核人：@item.ReviewerName</div></p>
                        @if (@item.ReviewStatus == 0)
                        {
                            <p><div class="layui-timeline-title" style="color :#d418e2">签核状态：未签核</div></p>
                            <p><div class="layui-timeline-title" style="color :#d418e2">签核意见：@item.ReviewReason</div></p>
                            <p><div class="layui-timeline-title" style="color :#d418e2">签核时间：@item.ReviewTime</div></p>
                        }
                        @if (@item.ReviewStatus == 1)
                        {
                            <p><div class="layui-timeline-title">签核状态：已签核</div></p>
                            <p><div class="layui-timeline-title">签核意见：@item.ReviewReason</div></p>
                            <p><div class="layui-timeline-title">签核时间：@item.ReviewTime</div></p>
                        }
                        @if (@item.ReviewStatus == 2)
                        {
                            <p><div class="layui-timeline-title" style="color :red">签核状态：已驳回</div></p>
                            <p><div class="layui-timeline-title" style="color :red">驳回意见：@item.ReviewReason</div></p>
                            <p><div class="layui-timeline-title" style="color :red">驳回时间：@item.ReviewTime</div></p>
                        }

                    </div>
                </li>
            }
        </ul>

    </div>
</body>
</html>
